import * as echarts from "echarts"

export function optionBarContainBarAndRatio(nameArray, newData) {
  var option = {
    color: ["#32c5e9", "#ffdb5c", "#7fca5b", "#fac858"],
    title: {
      text: "",
    },
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    legend: {
      data: nameArray,
      textStyle: {
        color: "#B4B4B4"
      },
      top: "2%"
    },
    // grid: {
    //   x: "8%",
    //   width: "80%",
    //   y: "4%"
    // },

    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '20%',

      containLabel: true,
      // z: 22
    },
    xAxis: {
      data: newData.category,
      axisLabel: {
        // interval: 1, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 13,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }
    },
    yAxis: [{
        splitLine: {
          show: false
        },
        axisLine: {
          lineStyle: {
            type: 'solid',
            color: '#24214e',
            width: '2  ', //坐标线的宽度
          }
        },

        axisLabel: {
          textStyle: {
            color: '#fff',
            fontSize: 13, //坐标值得具体的颜色
          }
        },
      },
      {
        splitLine: {
          show: false
        },
        axisLine: {
          lineStyle: {
            type: 'solid',
            color: '#24214e',
            width: '2  ', //坐标线的宽度
          }
        },
        axisLabel: {
          textStyle: {
            color: '#fff',
            fontSize: 13, //坐标值得具体的颜色
          }
        },
      }
    ],
    series: [{
        name: nameArray[0],
        type: "line",
        smooth: true,
        showAllSymbol: true,
        symbol: "emptyCircle",
        symbolSize: 8,
        yAxisIndex: 1,
        itemStyle: {
          normal: {
            color: "#9fe6b8"
          }
        },
        data: []
      },
      {
        name: nameArray[1],
        type: "bar",
        barWidth: 10,
        itemStyle: {
          normal: {
            // barBorderRadius: 5,
            // color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
            //   { offset: 0, color: "#956FD4" },
            //   { offset: 1, color: "#3EACE5" }
            // ])
          }
        },
        data: []
      },
      {
        name: nameArray[2],
        type: "bar",
        barGap: "-100%",
        barWidth: 10,
        itemStyle: {
          normal: {
            // barBorderRadius: 5,
            // color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
            //   { offset: 0, color: "rgba(156,107,211,0.8)" },
            //   { offset: 0.2, color: "rgba(156,107,211,0.5)" },
            //   { offset: 1, color: "rgba(156,107,211,0.2)" }
            // ])
          }
        },
        z: -12,
        data: []
      }
    ]
  }
  return option;
}
export function optionWorkOnStandard() {
  var option = {
    color: ["#32c5e9", "#ee6666", "#7fca5b", "#fac858"],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    legend: {
      orient: 'horizontal', //图标纵向排列
      // align: 'left',

      top: '5%',
      // left: '75%',
      x: 'center',
      data: ['作业道路', '未作业道路', '达标', '未达标'],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '20%',

      containLabel: true,
      // z: 22
    },
    xAxis: [{
      type: 'category',
      data: [],
      // data: ['一级\n道路总数：100', '二级\n道路总数：100', '三级\n道路总数：100', '四级\n道路总数：100'],
      axisLabel: {
        interval: 0, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 13,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }
    }],
    yAxis: [{
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 13, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        lineStyle: {
          color: "#24214e",
        }
      }
    }],
    series: [{
        barWidth: '15%',
        barGap: '75%',
        name: '作业道路',
        type: 'bar',
        stack: '总数',
        data: []
      },
      {
        barWidth: '15%',
        name: '未作业道路',
        type: 'bar',
        stack: '总数',
        data: []
      },
      {
        barWidth: '15%',
        name: '达标',
        type: 'bar',
        stack: '作业道路',
        data: []
      },
      {
        barWidth: '15%',
        name: '未达标',
        type: 'bar',
        stack: '作业道路',
        data: [],
      }
    ]
  };
  return option;
}
// 公厕打扫情况概览
export function optionWorkOnStandard1() {
  var option = {
    color: ["#32c5e9", "#7fca5b", "#fac858", "#ee6666"],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    legend: {
      orient: 'horizontal', //图标纵向排列
      // align: 'left',

      top: '5%',
      // left: '75%',
      x: 'center',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '20%',
      containLabel: true,
      // z: 22
    },
    xAxis: [{
      type: 'category',
      data: [],
      // data: ['一级\n道路总数：100', '二级\n道路总数：100', '三级\n道路总数：100', '四级\n道路总数：100'],
      axisLabel: {
        // interval: 1, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 13,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }
    }],
    yAxis: [{
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 13, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        lineStyle: {
          color: "#24214e",
        }
      }
    }],
    series: [{
        barWidth: '10%',
        // barGap: '75%',
        type: 'bar',
        // stack: '总数',
        data: []
      },
      {
        barWidth: '15%',
        type: 'bar',
        stack: '男厕',
        data: []
      },
      {
        barWidth: '15%',
        type: 'bar',
        stack: '男厕',
        data: []
      },
      {
        barWidth: '10%',
        type: 'bar',
        // stack: '总数',
        data: []
      },
      {
        barWidth: '15%',
        type: 'bar',
        stack: '女厕',
        data: [],
      },
      {
        barWidth: '15%',
        type: 'bar',
        stack: '女厕',
        data: [],
      }
    ]
  };
  return option;
}

// 累计行驶里程
export function optionWorkOnStandard2() {
  var option = {
    color: ["#32c5e9", "#7fca5b", "#fac858", "#ee6666"],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    legend: {
      orient: 'horizontal', //图标纵向排列
      // align: 'left',

      top: '5%',
      // left: '75%',
      x: 'center',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '20%',
      containLabel: true,
      // z: 22
    },
    xAxis: [{
      type: 'category',
      data: [],
      // data: ['一级\n道路总数：100', '二级\n道路总数：100', '三级\n道路总数：100', '四级\n道路总数：100'],
      axisLabel: {
        // interval: 1, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 13,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }
    }],
    yAxis: [{
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 13, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        lineStyle: {
          color: "#24214e",
        }
      }
    }],
    series: [{
        barWidth: '10',
        type: 'bar',
        stack: '里程',
        data: []
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '里程',
        data: []
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '里程',
        data: [],
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '里程',
        data: [],
      }
    ]
  };
  return option;
}
// 公厕运行统计成都-双柱型
export function optionWorkOnStandard3() {
  var option = {
    color: ["#73b1f1", "#0eece4", "#fac858", "#cdeba8"],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' '65%',
      },
      formatter: "{b} <br/>{a0} : {c0} 次<br/>{a1} : {c1} 次",
      textStyle: {
        fontSize: 19,
      }
    },
    legend: {
      orient: 'horizontal', //图标纵向排列
      align: 'left',
      top: '4%',
      left: '80%',
      x: 'center',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 17,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '10%',
      top: '20%',
      containLabel: true,
      // z: 22
    },
    xAxis: [{
      type: 'category',
      data: [],
      // data: ['一级\n道路总数：100', '二级\n道路总数：100', '三级\n道路总数：100', '四级\n道路总数：100'],
      axisLabel: {
        // interval: 1, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 17,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#b0dcf3',
          width: '2 ', //坐标线的宽度
        }
      },
    }],
    yAxis: [{
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 17, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        // 网格线
        show: true,
        lineStyle: { //分割线
          color: "#364857",
          width: 1,
          type: "dashed" //dotted：虚线 solid:实线
        }
      },
    }],
    series: [{
        showBackground: false,
        backgroundStyle: {
          color: 'rgba(180, 180, 180, 0.1)'
        },
        barWidth: '15',
        type: 'bar',
        stack: '里程',
        data: []
      },
      {
        barWidth: '15',
        type: 'bar',
        stack: '里程',
        data: []
      },
      {
        barWidth: '15',
        type: 'bar',
        stack: '里程',
        data: [],
      },
      {
        barWidth: '15',
        type: 'bar',
        stack: '里程',
        data: [],
      }
    ]
  };
  return option;
}
// 公厕运行统计成都-折线+柱形图
export function optionWorkOnStandard4() {
  var option = {
    color: ["#73b1f1", "#0eece4", "#fac858", "#cdeba8"],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      },
      textStyle: {
        fontSize: 19,
      }
    },
    legend: {
      orient: 'horizontal', //图标纵向排列
      align: 'left',
      top: '4%',
      left: '80%',
      x: 'center',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 17,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '10%',
      top: '20%',
      containLabel: true,
      // z: 22
    },
    xAxis: [{
      type: 'category',
      data: [],
      // data: ['一级\n道路总数：100', '二级\n道路总数：100', '三级\n道路总数：100', '四级\n道路总数：100'],
      axisLabel: {
        // interval: 1, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 17,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#b0dcf3',
          width: '2 ', //坐标线的宽度
        }
      },
    }],
    yAxis: [{
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 17, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        // 网格线
        show: true,
        lineStyle: { //分割线
          color: "#364857",
          width: 1,
          type: "dashed" //dotted：虚线 solid:实线
        }
      },
    }],
    series: [{
        showBackground: false,
        backgroundStyle: {
          color: 'rgba(180, 180, 180, 0.1)'
        },
        barWidth: '15',
        type: 'bar',
        data: []
      },
      {
        barWidth: '15',
        type: 'line',
        smooth: true, //平滑
        areaStyle: {}, //折线有面积
        data: []
      },
    ]
  };
  return option;
}
// 公厕运行统计成都-双折线（平滑有面积）
export function optionWorkOnStandard5() {
  var option = {
    color: ["#73b1f1", "#0eece4", "#fac858", "#cdeba8"],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      },
      textStyle: {
        fontSize: 19,
      }
    },
    legend: {
      orient: 'horizontal', //图标纵向排列
      align: 'left',
      top: '4%',
      left: '80%',
      x: 'center',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 17,
        align: "right",
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '10%',
      top: '20%',
      containLabel: true,
      // z: 22
    },
    xAxis: [{
      type: 'category',
      data: [],
      // data: ['一级\n道路总数：100', '二级\n道路总数：100', '三级\n道路总数：100', '四级\n道路总数：100'],
      axisLabel: {
        // interval: 1, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 17,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#b0dcf3',
          width: '2 ', //坐标线的宽度
        }
      },
    }],
    yAxis: [{
      min:5,
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 17, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        // 网格线
        show: true,
        lineStyle: { //分割线
          color: "#364857",
          width: 1,
          type: "dashed" //dotted：虚线 solid:实线
        }
      },
    }],
    series: [{
        showBackground: false,
        backgroundStyle: {
          color: 'rgba(180, 180, 180, 0.1)'
        },
        barWidth: '15',
        type: 'line',
        smooth: true, //平滑
        areaStyle: {}, //折线有面积
        data: []
      },
      {
        barWidth: '15',
        type: 'line',
        smooth: true, //平滑
        areaStyle: {}, //折线有面积
        data: []
      },
    ]
  };
  return option;
}
// 道路作业情况、作业达标情况
export function optionWorkOnStandardH() {
  var option = {
    color: ["#32c5e9", "#7fca5b", "#fac858", "#ee6666"],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    legend: {
      orient: 'horizontal', //图标纵向排列
      // align: 'left',

      top: '5%',
      // left: '75%',
      x: 'center',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '20%',
      containLabel: true,
      // z: 22
    },
    xAxis: [{
      type: 'category',
      data: [],
      // data: ['一级\n道路总数：100', '二级\n道路总数：100', '三级\n道路总数：100', '四级\n道路总数：100'],
      axisLabel: {
        interval: 0, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 13,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }

    }],
    yAxis: [{
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 13, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        lineStyle: {
          color: "#24214e",
        }
      }

    }],
    series: [{
        barGap: '55%',
        barWidth: '10',
        type: 'bar',
        stack: '作业',
        data: []
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '作业',
        data: []
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '作业',
        data: [],
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '作业',
        data: [],
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '达标',
        data: []
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '达标',
        data: []
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '达标',
        data: [],
      },
      {
        barWidth: '10',
        type: 'bar',
        stack: '达标',
        data: [],
      }
    ]
  };
  return option;
}
// 环状饼状图
export function collectionRate() {
  var option = {
    color: ["#32c5e9", "#ffdb5c", "#9fe6b8", '#e690d1', "#be5cff", '#96bfff', '#67e0e3', '#4e5fe3', '#5c7fff'],
    // color: ["#32c5e9", "#ee6666", "#ffdb5c", "#7fca5b"],
    tooltip: {
      trigger: 'item'
    },
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',

      top: '25%',
      left: '75%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    series: [

      {
        type: 'pie',
        radius: ['30%', '50%'],
        // center: ["35%", "50%"],
        avoidLabelOverlap: true,
        itemStyle: {
          borderRadius: 8,
          // borderColor: '#fff',
          borderWidth: 1
        },
        label: {
          show: true,
          formatter: '{b}\n{c}%',
          fontSize: 13,
          fontWeight: 'bold',
          color: "#eee"
        },

        labelLine: {
          show: true
        },
        data: []
      }
    ]
  };
  return option;
}
// 多颜色内的环状饼图没有数据
export function collectionRate1() {
  var option = {
    color: ["#4ebbe3", "#ffdb5c", "#9fe6b8", '#e690d1', "#be5cff", '#96bfff', '#67e0e3', '#4e5fe3', '#5c7fff'],
    // color: ["#32c5e9", "#ee6666", "#ffdb5c", "#7fca5b"], '#32e3e9', '#4ebbe3', '#4e5fe3'
    tooltip: {
      trigger: 'item'
    },
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',

      top: '25%',
      left: '75%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    series: [

      {
        type: 'pie',
        radius: ['10%', '30%'],
        // center: ["35%", "50%"],
        avoidLabelOverlap: true,
        itemStyle: {
          borderRadius: 5,
          // borderColor: '#fff',
          borderWidth: 1
        },
        label: {
          show: false,
          formatter: '{b}\n{c}',
          fontSize: 13,
          fontWeight: 'bold',
          color: "#eee"
        },

        labelLine: {
          show: true
        },
        data: []
      }
    ]
  };
  return option;
}
// 多颜色内发光的环状饼图
export function collectionRate2() {
  var option = {
    color: ["#4ebbe3", "#ffdb5c", "#9fe6b8", '#e690d1', "#be5cff", '#96bfff', '#67e0e3', '#4e5fe3', '#5c7fff'],
    // color: ["#32c5e9", "#ee6666", "#ffdb5c", "#7fca5b"], '#32e3e9', '#4ebbe3', '#4e5fe3'
    tooltip: {
      trigger: 'item'
    },
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',

      top: '25%',
      left: '75%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    series: [{
      type: 'pie',
      radius: ['30%', '50%'],
      // center: ["35%", "50%"],
      avoidLabelOverlap: true,
      itemStyle: {
        borderRadius: 5,
        borderColor: '#fff',
        borderWidth: 1
      },
      label: {
        show: true,
        formatter: '{b}\n{c}%',
        fontSize: 13,
        fontWeight: 'bold',
        color: "#eee"
      },

      labelLine: {
        show: true
      },
      data: []
    }]
  };
  return option;
}

// 玫瑰图
export function collectionRate3() {
  var option = {
    color: ['#e690d1', '#96bfff', '#67e0e3', '#4e5fe3', '#5c7fff'],
    // color: ["#32c5e9", "#ee6666", "#ffdb5c", "#7fca5b"],
    tooltip: {
      trigger: 'item'
    },
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',
      top: '35%',
      left: '75%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    series: [{
      type: 'pie',
      radius: ['0', '60%'],
      // center: ["35%", "50%"],
      avoidLabelOverlap: true,
      roseType: 'area',
      label: {
        show: true,
        formatter: '{b}\n{c}个',
        fontSize: 13,
        fontWeight: 'bold',
        color: "#eee"
      },

      // labelLine: {
      //   show: true
      // },
      data: []
    }]
  };
  return option;
}

// 双虚线环状饼图，有图例成都
export function collectionRate4() {
  var option = {
    color: ['#7ce5e5', "#ffb966", "#fff266", "#ff7070", "#be5cff", '#96bfff', '#67e0e3', '#4e5fe3', '#5c7fff'],
    // color: ["#32c5e9", "#ee6666", "#ffdb5c", "#7fca5b"], '#32e3e9', '#4ebbe3', '#4e5fe3'
    tooltip: {
      trigger: 'item'
    },
    graphic: [{
        type: 'text',
        left: '34%',
        top: '42%',
        z: 10,
        style: {
          fill: '#fff', //填充色，即文字颜色
          fontSize: 25, //文字大小
          text: '',
          textAlign: "center",
        },
      },
      {
        type: 'text',
        left: '36%',
        top: '53%',
        z: 10,
        style: {
          fill: '#fff',
          text: '总量',
          fontSize: 23,
          align: "center"
        }
      }
    ],
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',

      top: '10%',
      left: '62%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 18,
      }
    },
    series: [{
        type: 'pie',
        radius: ['56%', '67%'],
        center: ["40%", "50%"],
        avoidLabelOverlap: true,
        itemStyle: {
          // borderRadius: 5,
          borderColor: '#112434',
          borderWidth: 2
        },
        label: {
          show: false,
          formatter: '{b}\n{c}次',
          fontSize: 16,
          fontWeight: 'bold',
          color: "#eee"
        },

        labelLine: {
          show: false
        },
        data: []
      },
      {
        name: '内边框',
        type: 'pie',
        clockWise: false,
        hoverAnimation: false,
        legendHoverLink: false,
        silent: true, //不响应和触发鼠标事件
        radius: ['46%', '52%'], //边框大小
        center: ["40%", "50%"], //边框位置,
        labelLine: {
          show: false
        },
        itemStyle: {
          normal: {
            borderWidth: 5, //设置边框粗细
            borderColor: '#112434', //边框颜色
            color: '#0b6284'
          },
        },
        data: [{
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          },
          {
            value: 10
          }, {
            value: 10
          }
        ]
      },
      {
        name: '外边框',
        type: 'pie',
        clockWise: false,
        hoverAnimation: false,
        legendHoverLink: false,
        silent: true, //不响应和触发鼠标事件
        radius: ['74%', '80%'], //边框大小
        center: ["40%", "50%"], //边框位置,
        labelLine: {
          show: false
        },
        itemStyle: {
          normal: {
            borderWidth: 5, //设置边框粗细
            borderColor: '#112434', //边框颜色
            color: '#0b6284'
          },
        },
        data: [{
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          },
          {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          },
          {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          },
          {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }, {
            value: 10
          }
        ]
      },
    ]
  };
  return option;
}

// 仪表盘成都
export function dashBoard() {
  var option = {
    //文字 
    graphic: {
      type: 'text',
      left: '30%',
      top: '85%',
      style: {
        text: '',
        textAlign: 'center',
        fill: '#fff',
        fontSize: 20,
      },
    },
    series: [{
      name: 'Pressure',
      radius: '70%',
      type: 'gauge',
      itemStyle: {
        color: '#fff',
      },
      center: [160, 120],
      pointer: {
        itemStyle: { //指针样式

          color: '#fff'
        }
      },
      //刻度值
      axisLabel: {
        color: '#fff',
        show: false,
      },
      axisLine: {
        lineStyle: {
          width: 18,
          // shadowBlur: 30,
          // shadowColor: '#9a9696',
          color: [
            [1, '#fff']
          ]
        }
      },
      axisTick: {
        distance: -35,
        splitNumber: 5,
        lineStyle: {
          width: 2,
          color: '#999'
        }
      },
      splitLine: {
        distance: -37,
        length: 5,
        lineStyle: {
          width: 3,
          color: '#999'
        }
      },
      // 进度条
      progress: {
        show: true,
        width: 18,
        roundCap: true,
        itemStyle: {
          color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
              offset: 0,
              color: '#26fbff'
            },
            {
              offset: 1,
              color: '#4c9beb'
            }
          ]),
        }
      },
      // 仪表盘详情
      detail: {
        show: true,
        valueAnimation: true,
        formatter: '{value}%',
        color: '#fff'
      },
      data: []
    }]
  };
  return option;
}
// 柱状图
export function spotsNumbe() {
  var option = {
    color: ["#32c5e9", "#fac858", '#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      },
    },
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',

      top: '25%',
      left: '92%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '20%',

      containLabel: true,
      // z: 22
    },
    xAxis: {
      type: 'category',
      data: [],
      axisLabel: {
        // interval: 1, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 13,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }
    },
    yAxis: {
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 13, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        lineStyle: {
          color: "#24214e",
        }
      }
    },
    series: [{
      barWidth: '10',
      barMinHeight: 2, //柱子最小高度
      // name: '收运点位数目',
      type: 'bar',
      itemStyle: {
        normal: {
          // 每个柱子颜色不一样
          // color: function (params) {
          //   // let colorList = ['#32c5e9', '#67e0e3', '#9fe6b8', '#ffdb5c', '#e690d1', '#fb7293', '#ff5ca9', '#be5cff', '#5c7fff', '#96bfff'];
          //   let colorList = ['#32c5e9', '#67e0e3', '#9fe6b8', '#ffdb5c', '#32e3e9', '#4ebbe3', '#4e5fe3', '#be5cff', '#5c7fff', '#96bfff']
          //   // 颜色循环
          //   if (params.dataIndex >= colorList.length) {
          //     params.dataIndex = parseInt((params.dataIndex - colorList.length) % 10);
          //   }
          //   return colorList[params.dataIndex]
          // },

          // borderRadius: [10, 10, 10, 10],
          color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
              offset: 0,
              color: 'rgb(35, 118, 221)'
            },
            {
              offset: 1,
              color: 'rgba(129, 229, 255, 1)'
            }
          ]),
          borderWidth: 0.5,
          borderColor: "black"
          // 柱体显示数字
          // label: {
          //   show: true, //开启显示数值
          //   position: 'top', //数值在上方显示
          //   textStyle: {  //数值样式
          //     color: '#D1DBFF',   //字体颜色
          //     fontSize: 9  //字体大小
          //   }
          // },

        }
      },
      data: [],
    }]
  };
  return option;
}
//横向柱状图（完成率进度条)
export function spotsNumbeH1() {
  var option = {
    color: ['#67e0e3', "#fac858", "#32c5e9", "#fac858", '#e062ae', '#fb7293', '#e690d1', '#96bfff'],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '5%',
      containLabel: true // 图表两侧是否留白
      // z: 22
    },

    dataZoom: [{
      type: 'inside'
    }],
    xAxis: {
      type: 'value',
      show: false,
      max: 100
    },
    yAxis: {
      type: "category",
      inverse: true,
      data: [],
      axisLine: {
        show: false
      }, //不显示坐标轴
      axisTick: {
        show: false
      }, //不显示坐标轴刻度线     
      axisLabel: {
        inside: false, // 坐标显示在轴内侧
        zlevel: 1,
        color: '#fff',
      },
      splitLine: {
        show: false,
      },
    },
    series: [{
      zlevel: -1, // 层级
      type: 'bar',
      barWidth: 10, // 内柱条的宽度
      // animationDuration: 1500, // 内柱条的动画显示时间
      showBackground: true,
      backgroundStyle: {
        color: 'rgba(180, 180, 180, 0.1)'
      },
      // 内柱条样式
      itemStyle: {
        borderRadius: [10, 10, 10, 10],
        color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
            offset: 0,
            color: 'rgba(183, 75, 238)'
          },
          {
            offset: 1,
            color: 'rgba(50, 229, 255, 1)'
          }
        ]),
        borderWidth: 0.5,
        borderColor: "black"
      },
      //标注
      label: {
        normal: {
          show: false,
          position: "right",
          textStyle: {
            color: "#fff",
          },
        },
      },
      // 内柱条的数据
      data: [],
      align: 'center'

    }]
  };
  return option;
}
//横向柱状图
export function spotsNumbeH2() {
  var option = {
    color: ['#67e0e3', "#fac858", "#32c5e9", "#fac858", '#e062ae', '#fb7293', '#e690d1', '#96bfff'],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '1%',
      top: '5%',
      containLabel: true // 图表两侧是否留白
      // z: 22
    },

    dataZoom: [{
      type: 'inside'
    }],
    xAxis: {
      type: 'value',
      show: false,
    },
    yAxis: {
      type: "category",
      inverse: true,
      data: [],
      axisLine: {
        show: true
      }, //不显示坐标轴
      axisTick: {
        show: true
      }, //不显示坐标轴刻度线     
      axisLabel: {
        inside: false, // 坐标显示在轴内侧
        zlevel: 1,
        color: '#fff',
      },
      splitLine: {
        show: false,
      },
    },
    series: [{
      zlevel: -1, // 层级
      type: 'bar',
      barWidth: 8, // 内柱条的宽度
      // animationDuration: 1500, // 内柱条的动画显示时间
      // showBackground: true,
      // 内柱条样式
      itemStyle: {
        //其中, 前4个参数用于配置渐变色的起止位置, 这4个参数依次对应右/下/左/上四个方位. 
        //而1 0 0 0则代表渐变色从正右方开始.
        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
            offset: 0,
            color: '#FFE985'
          },
          {
            offset: 1,
            color: '#FF52E5'
          }
        ]),
        borderWidth: 0.5,
        borderColor: "black"
      },
      // 内柱条的数据
      data: [],
      align: 'center'

    }]
  };
  return option;
}
//横向柱状图-成都绿色
export function spotsNumbeH3() {
  var option = {
    color: ['#67e0e3', "#fac858", "#32c5e9", "#fac858", '#e062ae', '#fb7293', '#e690d1', '#96bfff'],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      },
      textStyle: {
        fontSize: 19,
      }
    },
    grid: {
      left: '5%',
      right: '10%',
      bottom: '10%',
      top: '5%',
      containLabel: true // 图表两侧是否留白
      // z: 22
    },

    dataZoom: [{
      type: 'inside'
    }],
    xAxis: {
      type: 'value',
      // name: "单位/吨",
      // nameTextStyle: {
      //   color: "#fff",
      // },
      splitNumber: 3, //坐标轴的分割段数（预估值）
      axisLabel: { // 坐标轴标签
        show: true, // 是否显示
        // inside: true, // 标签是否朝内,默认false
        // interval: 0, //设置刻度间间隔，0表示全部显示不间隔；auto:表示自动根据刻度个数和宽度自动设置间隔个数
        rotate: 0, // 旋转角度
        margin: 5, // 刻度标签与轴线之间的距离
        color: '#fff', // 标签颜色默认取轴线的颜色 
        fontSize: 16, //标签字号
        // formatter:'{value}KG'
      },
      splitLine: { // 网格线
        show: false // 是否显示，默认为true
      },
      axisLine: { // 坐标轴 轴线
        show: true, // 是否显示,默认false
        lineStyle: {
          // color: '#FFFFFF',//轴线颜色
          width: 1, //轴线宽度
          type: 'solid' //轴线类型
        }
      },
    },
    yAxis: {
      type: "category",
      inverse: true,
      data: [],
      axisLine: {
        show: true
      }, //不显示坐标轴
      axisTick: {
        show: true
      }, //不显示坐标轴刻度线     
      axisLabel: {
        inside: false, // 坐标显示在轴内侧
        zlevel: 1,
        color: '#fff',
        fontSize: 18
      },
      splitLine: {
        show: false,
      },
    },
    series: [{
      zlevel: -1, // 层级
      type: 'bar',
      barWidth: 12, // 内柱条的宽度
      // animationDuration: 1500, // 内柱条的动画显示时间
      showBackground: false,
      label: { //柱子标签相关
        show: true,
        position: 'right', //柱子标签位置
        textStyle: { //柱子标签文本设置
          color: '#fff',
          fontSize: 17,
        },
        // formatter: '{c}KG'
      },
      // 内柱条样式
      itemStyle: {
        //其中, 前4个参数用于配置渐变色的起止位置, 这4个参数依次对应右/下/左/上四个方位. 
        //而1 0 0 0则代表渐变色从正右方开始.
        color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
            offset: 0,
            // color: 'rgba(50, 229, 255, 1)'
            color: '#36e9af'
          },
          {
            offset: 1,
            // color: 'rgba(183, 75, 238)'
            color: '#4ab3d1'
          }
        ]),
        borderWidth: 1,
        borderColor: "#fff"
      },
      // 内柱条的数据
      data: [],
      align: 'center',
      

    }]
  };
  return option;
}
//横向柱状图-成都蓝色
export function spotsNumbeH4() {
  var option = {
    color: ['#67e0e3', "#fac858", "#32c5e9", "#fac858", '#e062ae', '#fb7293', '#e690d1', '#96bfff'],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      },
      textStyle: {
        fontSize: 19,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '10%',
      top: '5%',
      containLabel: true // 图表两侧是否留白
      // z: 22
    },

    dataZoom: [{
      type: 'inside'
    }],
    xAxis: {
      type: 'value',
      axisLabel: { // 坐标轴标签
        show: true, // 是否显示
        // inside: true, // 标签是否朝内,默认false
        interval: 0, //设置刻度间间隔，0表示全部显示不间隔；auto:表示自动根据刻度个数和宽度自动设置间隔个数
        rotate: 0, // 旋转角度
        margin: 5, // 刻度标签与轴线之间的距离
        color: '#fff', // 标签颜色默认取轴线的颜色 
        fontSize: 12 //标签字号
      },
      splitLine: { // 网格线
        show: false // 是否显示，默认为true
      },
      axisLine: { // 坐标轴 轴线
        show: true, // 是否显示,默认false
        lineStyle: {
          // color: '#FFFFFF',//轴线颜色
          width: 1, //轴线宽度
          type: 'solid' //轴线类型
        }
      },
    },
    yAxis: {
      type: "category",
      inverse: true,
      data: [],
      axisLine: {
        show: true
      }, //不显示坐标轴
      axisTick: {
        show: true
      }, //不显示坐标轴刻度线     
      axisLabel: {
        inside: false, // 坐标显示在轴内侧
        zlevel: 1,
        color: '#fff',
        fontSize: 16
      },
      splitLine: {
        show: false,
      },
    },
    series: [{
      zlevel: -1, // 层级
      type: 'bar',
      barWidth: 12, // 内柱条的宽度
      // animationDuration: 1500, // 内柱条的动画显示时间
      showBackground: false,
      label: { //柱子标签相关
        show: true,
        position: 'right', //柱子标签位置
        textStyle: { //柱子标签文本设置
          color: '#fff',
          fontSize: 14
        },
      },
      // 内柱条样式
      itemStyle: {
        //其中, 前4个参数用于配置渐变色的起止位置, 这4个参数依次对应右/下/左/上四个方位. 
        //而1 0 0 0则代表渐变色从正右方开始.
        color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
            offset: 0,
            color: '#26fbff'
          },
          {
            offset: 1,
            color: '#4c9beb'
          }
        ]),
        borderWidth: 1,
        borderColor: "#fff"
      },
      // 内柱条的数据
      data: [],
      align: 'center'

    }]
  };
  return option;
}
//完成率柱状图
export function spotsNumbe2() {
  var option = {
    // color: ["#32c5e9", "#fac858", '#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',

      top: '25%',
      left: '92%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '20%',

      containLabel: true,
      // z: 22
    },
    xAxis: {
      type: 'category',
      data: [],
      axisLabel: {
        // interval: 0, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 13,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }
    },
    yAxis: {
      type: 'value',
      max: 100,
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 13, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        lineStyle: {
          color: "#24214e",
        }
      }
    },
    series: [{
      barWidth: '10',
      barMinHeight: 2, //柱子最小高度
      // name: '收运点位数目',
      type: 'bar',
      showBackground: true,
      backgroundStyle: {
        color: 'rgba(180, 180, 180, 0.3)'
      },
      // 内柱条样式
      itemStyle: {
        // borderRadius: [10, 10, 10, 10],
        color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
            offset: 0,
            color: 'rgba(183, 75, 238)'
          },
          {
            offset: 1,
            color: 'rgba(50, 229, 255, 1)'
          }
        ]),
        borderWidth: 0.5,
        borderColor: "black"
      },
      data: [],
    }]
  };
  return option;
}
// 折线图
export function brokenLine() {
  var option = {
    color: ["#32c5e9", "#fb7293", '#e062ae', '#e690d1', '#96bfff'],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',

      top: '25%',
      left: '92%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '10%',
      top: '20%',

      containLabel: true,
      // z: 22
    },
    xAxis: {
      type: 'category',
      data: [],
      axisLabel: {
        // interval: 1, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 10,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }
    },
    yAxis: {
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 13, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        lineStyle: {
          color: "#24214e",
        }
      }
    },
    series: [{
      type: 'line',
      itemStyle: {
        normal: {
          // 柱体显示数字
          label: {
            show: false, //开启显示数值
            position: 'top', //数值在上方显示
            textStyle: { //数值样式
              color: '#D1DBFF', //字体颜色
              fontSize: 12 //字体大小
            }
          },

        }
      },
      data: [],
    }, {
      type: 'line',
      itemStyle: {
        normal: {
          // 柱体显示数字
          label: {
            show: false, //开启显示数值
            position: 'top', //数值在上方显示
            textStyle: { //数值样式
              color: '#D1DBFF', //字体颜色
              fontSize: 12 //字体大小
            }
          },

        }
      },
      data: [],
    }]
  };
  return option;
}
// 有面积的折线图
export function brokenLine1() {
  var option = {
    color: ['#32c5e9', '#96bfff'],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',

      top: '25%',
      left: '92%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '15%',

      containLabel: true,
      // z: 22
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data: [],
      axisLabel: {
        // interval: 1, //强制全部显示，1表示隔一个；2隔两个
        // rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 10,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }
    },
    yAxis: {
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 13, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        lineStyle: {
          color: "#24214e",
        }
      }
    },
    series: [{
      type: 'line',
      areaStyle: {}, //折线有面积
      itemStyle: {
        normal: {
          // 柱体显示数字
          label: {
            show: false, //开启显示数值
            position: 'top', //数值在上方显示
            textStyle: { //数值样式
              color: '#D1DBFF', //字体颜色
              fontSize: 12 //字体大小
            }
          },

        }
      },
      data: [],
    }, {
      type: 'line',
      areaStyle: {},
      itemStyle: {
        normal: {
          // 柱体显示数字
          label: {
            show: false, //开启显示数值
            position: 'top', //数值在上方显示
            textStyle: { //数值样式
              color: '#D1DBFF', //字体颜色
              fontSize: 12 //字体大小
            }
          },

        }
      },
      data: [],
    }]
  };
  return option;
}

// 散点图
export function brokenLine2() {
  var option = {
    color: ["#fac858", '#32c5e9', '#96bfff'],
    tooltip: {
      trigger: 'axis',
      axisPointer: { // 坐标轴指示器，坐标轴触发有效
        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
      }
    },
    legend: {
      orient: 'vertical', //图标纵向排列
      align: 'left',

      top: '25%',
      left: '92%',
      data: [],
      textStyle: {
        color: '#eee',
        fontSize: 13,
      }
    },
    grid: {
      left: '5%',
      right: '5%',
      bottom: '5%',
      top: '15%',

      containLabel: true,
      // z: 22
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data: [],
      axisLabel: {
        interval: 0, //强制全部显示，1表示隔一个；2隔两个
        rotate: "45", //文字倾斜的角度
        textStyle: {
          color: '#eee',
          fontSize: 10,
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2 ', //坐标线的宽度
        }
      }
    },
    yAxis: {
      type: 'value',
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize: 13, //坐标值得具体的颜色
        }
      },
      axisLine: {
        lineStyle: {
          type: 'solid',
          color: '#24214e',
          width: '2  ', //坐标线的宽度
        }
      },
      splitLine: {
        lineStyle: {
          color: "#24214e",
        }
      }
    },
    series: [{
      type: 'scatter',
      areaStyle: {},
      itemStyle: {
        normal: {
          // 柱体显示数字
          label: {
            show: true, //开启显示数值
            position: 'top', //数值在上方显示
            textStyle: { //数值样式
              color: '#D1DBFF', //字体颜色
              fontSize: 12 //字体大小
            }
          },

        }
      },
      data: [],
    }]
  };
  return option;
}
// 无轴，无字 柱子（最好是单柱）
export function nolabelNolineBar() {
  var option = {
    yAxis: {
      type: 'category',
      data: [],
      axisLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },
      axisLabel: {
        show: false,
      },
    },
    xAxis: {
      type: 'value',
      show: false,
    },
    series: [
      // 主体柱形
      {
        data: [],
        type: 'bar',
        barWidth: 10,
        itemStyle: {
          // 让柱形上下变成圆角
          borderRadius: 10,
        },
        color: 'rgba(180, 180, 180, 0.2)'
      },
      {
        data: [],
        type: 'bar',
        barWidth: 10,
        barGap: '-100%' /*多个并排柱子设置柱子之间的间距*/ ,
        label: {
          show: false,
        },
        itemStyle: {
          // 让柱形上下变成圆角
          borderRadius: 10,
        },
      },
    ],
  };
  return option;
}
// 无x轴，无x字 柱子
export function noxlabelNolineBar() {
  var option = {
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        // Use axis to trigger tooltip
        type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
      }
    },
    legend: {
      textStyle: {
        color: '#ffffff',
        fontSize: 16,
      },
    },
    grid: {
      top: '22%',
      left: '8%',
      right: '2%',
      bottom: '1%',
      containLabel: true
    },
    xAxis: {
      type: 'value',
      show: false,
    },
    yAxis: {
      axisLabel: {
        color: '#ffffff',
        fontSize: 16,
      },
      type: 'category',
      data: []
    },
    series: [{
        name: '',
        type: 'bar',
        stack: 'total',
        label: {
          fontSize: 16,
          show: true
        },
        emphasis: {
          focus: 'series'
        },
        data: []
      },
      {
        name: '',
        type: 'bar',
        stack: 'total',
        label: {
          fontSize: 16,
          show: true
        },
        emphasis: {
          focus: 'series'
        },
        data: []
      },
      {
        name: '',
        type: 'bar',
        stack: 'total',
        label: {
          fontSize: 16,
          show: true
        },
        color: '#666666',
        emphasis: {
          focus: 'series'
        },
        data: []
      }
    ]
  };
  return option;
}